/* 初始化样式 */
$white: #fff;
$black: #333;
$red: #ff3b3d;
$green: #1abb84;
$orange: #feac49;
$blue: #409EFF;
$yellow: #ffcf40;
$gray: #999;

.red {
	color: $red;
}

.black {
	color: $black;
}

.green {
	color: $green;
}

.orange {
	color: $orange;
}

.yellow {
	color: $yellow;
}

.blue {
	color: $blue;
}

.gray {
	color: $gray;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none !important;
}


:root {
	--next-color-white: #ffffff;
	--next-bg-main-color: #F2F4F7;
	--next-bg-color: #f5f5ff;
	--next-border-color-light: #f1f2f3;
	--next-color-primary-lighter: #ecf5ff;
	--next-color-success-lighter: #f0f9eb;
	--next-color-warning-lighter: #fdf6ec;
	--next-color-danger-lighter: #fef0f0;
	--next-color-dark-hover: #0000001a;
	--next-color-menu-hover: rgba(0, 0, 0, 0.2);
	--next-color-user-hover: rgba(0, 0, 0, 0.04);
	--next-color-seting-main: #e9eef3;
	--next-color-seting-aside: #d3dce6;
	--next-color-seting-header: #b3c0d1;
}

html,
body,
#app {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	background: #fff;
	font-size: 14px;
	overflow: hidden;
	position: relative;
}